<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html>
<head>
    <jsp:include page="/WEB-INF/jsp/include/head.jsp"/>
</head>
<body>

<!-- 面包屑导航 -->
<ul class="breadcrumb">
    <li><strong>当前位置： </strong>经费管理</li>
    <li class="active">经费设置</li>
</ul>



<button id="btn_add_data" style="margin-left: 5px" type="button" class="btn btn-default"><span
        class="glyphicon glyphicon-plus-sign"></span>&nbsp;添加&nbsp;
</button>


<table id="table_data"></table>
<div>
    <i class='icon-user-female'></i>  <i class='icon-user-follow'></i>  <i class='icon-user-following'></i>  <i class='icon-user-unfollow'></i>  <i class='icon-trophy'></i>  <i class='icon-screen-smartphone'></i>  <i class='icon-screen-desktop'></i>  <i class='icon-plane'></i>  <i class='icon-notebook'></i>  <i class='icon-moustache'></i>  <i class='icon-mouse'></i>  <i class='icon-magnet'></i>  <i class='icon-energy'></i>  <i class='icon-emoticon-smile'></i>  <i class='icon-disc'></i>  <i class='icon-cursor-move'></i>  <i class='icon-crop'></i>  <i class='icon-credit-card'></i>  <i class='icon-chemistry'></i>  <i class='icon-user'></i>  <i class='icon-speedometer'></i>  <i class='icon-social-youtube'></i>  <i class='icon-social-twitter'></i>  <i class='icon-social-tumblr'></i>  <i class='icon-social-facebook'></i>  <i class='icon-social-dropbox'></i>  <i class='icon-social-dribbble'></i>  <i class='icon-shield'></i>  <i class='icon-screen-tablet'></i>  <i class='icon-magic-wand'></i>  <i class='icon-hourglass'></i>  <i class='icon-graduation'></i>  <i class='icon-ghost'></i>  <i class='icon-game-controller'></i>  <i class='icon-fire'></i>  <i class='icon-eyeglasses'></i>  <i class='icon-envelope-open'></i>  <i class='icon-envelope-letter'></i>  <i class='icon-bell'></i>  <i class='icon-badge'></i>  <i class='icon-anchor'></i>  <i class='icon-wallet'></i>  <i class='icon-vector'></i>  <i class='icon-speech'></i>  <i class='icon-puzzle'></i>  <i class='icon-printer'></i>  <i class='icon-present'></i>  <i class='icon-playlist'></i>  <i class='icon-pin'></i>  <i class='icon-picture'></i>  <i class='icon-map'></i>  <i class='icon-layers'></i>  <i class='icon-handbag'></i>  <i class='icon-globe-alt'></i>  <i class='icon-globe'></i>  <i class='icon-frame'></i>  <i class='icon-folder-alt'></i>  <i class='icon-film'></i>  <i class='icon-feed'></i>  <i class='icon-earphones-alt'></i>  <i class='icon-earphones'></i>  <i class='icon-drop'></i>  <i class='icon-drawer'></i>  <i class='icon-docs'></i>  <i class='icon-directions'></i>  <i class='icon-direction'></i>  <i class='icon-diamond'></i>  <i class='icon-cup'></i>  <i class='icon-compass'></i>  <i class='icon-call-out'></i>  <i class='icon-call-in'></i>  <i class='icon-call-end'></i>  <i class='icon-calculator'></i>  <i class='icon-bubbles'></i>  <i class='icon-briefcase'></i>  <i class='icon-book-open'></i>  <i class='icon-basket-loaded'></i>  <i class='icon-basket'></i>  <i class='icon-bag'></i>  <i class='icon-action-undo'></i>  <i class='icon-action-redo'></i>  <i class='icon-wrench'></i>  <i class='icon-umbrella'></i>  <i class='icon-trash'></i>  <i class='icon-tag'></i>  <i class='icon-support'></i>  <i class='icon-size-fullscreen'></i>  <i class='icon-size-actual'></i>  <i class='icon-shuffle'></i>  <i class='icon-share-alt'></i>  <i class='icon-share'></i>  <i class='icon-rocket'></i>  <i class='icon-question'></i>  <i class='icon-pie-chart'></i>  <i class='icon-pencil'></i>  <i class='icon-note'></i>  <i class='icon-music-tone-alt'></i>  <i class='icon-music-tone'></i>  <i class='icon-microphone'></i>  <i class='icon-loop'></i>  <i class='icon-logout'></i>  <i class='icon-login'></i>  <i class='icon-list'></i>  <i class='icon-like'></i>  <i class='icon-home'></i>  <i class='icon-grid'></i>  <i class='icon-graph'></i>  <i class='icon-equalizer'></i>  <i class='icon-dislike'></i>  <i class='icon-cursor'></i>  <i class='icon-control-start'></i>  <i class='icon-control-rewind'></i>  <i class='icon-control-play'></i>  <i class='icon-control-pause'></i>  <i class='icon-control-forward'></i>  <i class='icon-control-end'></i>  <i class='icon-calendar'></i>  <i class='icon-bulb'></i>  <i class='icon-bar-chart'></i>  <i class='icon-arrow-up'></i>  <i class='icon-arrow-right'></i>  <i class='icon-arrow-left'></i>  <i class='icon-arrow-down'></i>  <i class='icon-ban'></i>  <i class='icon-bubble'></i>  <i class='icon-camcorder'></i>  <i class='icon-camera'></i>  <i class='icon-check'></i>  <i class='icon-clock'></i>  <i class='icon-close'></i>  <i class='icon-cloud-download'></i>  <i class='icon-cloud-upload'></i>  <i class='icon-doc'></i>  <i class='icon-envelope'></i>  <i class='icon-eye'></i>  <i class='icon-flag'></i>  <i class='icon-folder'></i>  <i class='icon-heart'></i>  <i class='icon-info'></i>  <i class='icon-key'></i>  <i class='icon-link'></i>  <i class='icon-lock'></i>  <i class='icon-lock-open'></i>  <i class='icon-magnifier'></i>  <i class='icon-magnifier-add'></i>  <i class='icon-magnifier-remove'></i>  <i class='icon-paper-clip'></i>  <i class='icon-paper-plane'></i>  <i class='icon-plus'></i>  <i class='icon-pointer'></i>  <i class='icon-power'></i>  <i class='icon-refresh'></i>  <i class='icon-reload'></i>  <i class='icon-settings'></i>  <i class='icon-star'></i>  <i class='icon-symbol-female'></i>  <i class='icon-symbol-male'></i>  <i class='icon-target'></i>  <i class='icon-volume-1'></i>  <i class='icon-volume-2'></i> <i class='icon-volume-off'></i>  <i class='icon-users'></i>
</div>

<div class="modal fade" id="modal_ajax">
    <div class="modal-dialog ">
        <div class="modal-content ">
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>

<script>
        var $table = $('#table_data');
        $table.bootstrapTable({
            url: 'dictionary/fundSet/select',
            striped: true,
            cache: false,
            showRefresh: true,
            searchOnEnterKey: false,
            search: true,
            toolbar: "#btn_add_data",
            toolbarAlign: 'right',
            pagination: false,
            queryParams: function (params) {
                return params
            },
            columns: [
                {
                    formatter: function (value, row, index) {
                        return index + 1;
                    }
                }, {
                    field: 'name',
                    title: '名称',
                    switchable:false
                }, {
                    field: 'dayMoney',
                    title: '日薪资（元）',
                    switchable:false
                },  {
                    title: '操作',
                    events: 'Events',
                    formatter: function (value, row, index) {

                        return [
                            '<div class="btn-group btn-group-xs" role="group" >'
                            +'<button type="button" class="btn btn-xs btn-default update_data">' +
                            '<span class="glyphicon glyphicon-edit  "></span> 修改' +
                            '</button>'
                            +'<button type="button" class="btn btn-xs btn-default delete_data">' +
                            '<span class="glyphicon glyphicon-remove"></span> 删除' +
                            '</button>'
                            +'</div>'
                        ].join('');
                    }
                }
            ]
        });
        window.Events = {
            'click .update_data': function (e, value, row, index) {
                $('#modal_ajax').modal({
                    backdrop: 'static',
                    keyboard: false,
                    show: true,
                    remote: 'dictionary/fundSet/editDlg?id='+row.id
                });
            },

            'click .delete_data': function (e, value, row, index) {
                $.sysPlugin.superAjax({
                    data: {id:row.id},
                    url: 'dictionary/fundSet/delete',
                    operateType: 'delete',
                    showSuccessAlert: true,
                    showWarnAlert: true,
                    successCall: function (data) {
                        $.sysPlugin.successCallBack(data, {
                            table: $("#table_data")
                        })
                    }
                })
            }
        };
        $("#btn_add_data").click(function () {
            $('#modal_ajax').modal({
                backdrop: 'static',
                keyboard: false,
                show: true,
                remote: 'dictionary/fundSet/editDlg'
            });
        });


        $.sysPlugin.clearModalRemoveData("modal_ajax");
</script>


</body>
</html>